import React from 'react';
import {PageContainer} from '@ant-design/pro-components';
import {Button, Input} from 'antd';
// @ts-ignore
import {displayInput, resetForm} from './tool';
import './index.less';

const {TextArea} = Input
export default function Tool() {
    return (
        <PageContainer
            header={{
                title: '',
            }}
        >
            <div className="toolContainer">
                <div className="input-group">
                    <TextArea rows={5} id="inputText" placeholder="请输入报文"/>
                </div>
                <div className="searchBar">
                    <Button type='primary' onClick={() => displayInput()}>提交</Button>
                    <Button onClick={() => resetForm()}>重置</Button>
                </div>
                <div className="display-area" id="displayArea"></div>
                <div className="extra-display-areas" id="extraDisplayAreas"></div>
            </div>
        </PageContainer>
    )
}
